<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../templates/plantilla.xhtml">
	
	<ui:define name="head">::SCSN - Tipos de Carreteras</ui:define>
	<ui:define name="content">
	
		<h1 class="title ui-widget-header ui-corner-all">Tipos de Carreteras</h1>
		<br/>
		
		<div class="entry" style="line-height:200%">
			<h:form id="frm">
			
				<p:dataTable id="tbRutas" value="#{tipoCarreteraBean.listaTipoFiltrada}" scrollable="true" var="carretera" rows="3"
					paginator="true" paginatorPosition="bottom" selectionMode="single"
					emptyMessage="No se encontraron resultados" >
        
					<p:column filterBy="#{carretera.nombre}" filterMatchMode="contains" headerText="Nombre">
						<h:outputText value="#{carretera.nombre}" />
					</p:column>
					<p:column filterBy="#{carretera.descripcion}" filterMatchMode="contains" headerText="Descripcion">
						<h:outputText value="#{carretera.descripcion}"/>
					</p:column>
				</p:dataTable>
			</h:form>
		
			<h:form>
	            <p:commandButton value="Nuevo" onclick="ventanaRegistro.show();"/>
	            <p:commandButton value="Modificar" onclick="ventanaModificar.show();"/>
	            <p:commandButton value="Eliminar" onclick="confirmacion.show();"/>
	            
	            <p:confirmDialog id="ventanaEliminar" message="Está seguro de eliminar este tipo de carretera?"  
			                header="Confirme la operación" severity="alert" widgetVar="confirmacion"
			                showEffect="pulsate" hideEffect="blind" modal="true" closable="false">  
			        <h:panelGrid columns="2"> 
				        <p:commandButton id="confirmar" value="Aceptar" oncomplete="confirmacion.hide();" />  
				        <p:commandButton id="rechazar" value="cancelar" onclick="confirmacion.hide();" type="button" />  
			        </h:panelGrid> 
			                  
			    </p:confirmDialog>
			    
	            <p:dialog widgetVar="ventanaModificar" header="Modificar Ruta" modal="true"  closable="false">
	            	<h:panelGrid columns="3">
	            		<h:outputLabel value="Nombre: *" for="nombreMod"/>
	            		<h:inputText value="#{tipoCarretera.nombre}" id="nombreMod" label="Nombre:" required="true"/>
	            		<p:message for="nombreMod"/>
	            		
	            		<h:outputLabel value="Descripción: " for="descripcionMod"/>
	            		<h:inputTextarea value="#{tipoCarretera.descripcion}" id="descripcionMod" label="Descripción:"/>
	            		<p:message for="descripcionMod"/>
	            		
	            		<p:commandButton value="Modificar" onclick="ventanaModificar.hide();" type="reset"/>
	            		<p:commandButton value="Cancelar" onclick="ventanaModificar.hide();" type="reset"/>
	            		<p:commandButton value="Limpiar" type="reset"/>
	            	</h:panelGrid>
	            </p:dialog>
	            
	            <p:dialog widgetVar="ventanaRegistro" header="Registrar Nueva Ruta"  modal="true" closable="false">
	            	<h:panelGrid columns="3">
	            		<h:outputLabel value="Nombre: *" for="nombre"/>
	            		<h:inputText value="#{tipoCarretera.nombre}" id="nombre" label="Nombre:" required="true"/>
	            		<p:message for="nombre"/>
	            		
	            		<h:outputLabel value="Descripción: " for="descripcion"/>
	            		<h:inputTextarea value="#{tipoCarretera.descripcion}" id="descripcion" label="Descripción:"/>
	            		<p:message for="descripcion"/>
	            		
	            		<p:commandButton value="Registrar" type="reset"/>
	            		<p:commandButton value="Cancelar" onclick="ventanaRegistro.hide();" type="reset"/>
	            		<p:commandButton value="Limpiar" type="reset"/>
	            	</h:panelGrid>
	            </p:dialog>
			</h:form>
		</div>
		
	</ui:define>
</ui:composition>